<style type="text/css">
    .input-group-addon{padding: 0px 12px!important;}
    .panel .panel-body{padding-top: 0px;}
    table.dataTable thead > tr > th{width: 100px!important;}
    .control-label{font-weight: 500}
    .btn-primary{min-width: 120px;padding-top: 10px;padding-bottom: 10px;border-radius: 3px;font-size: 17px;}


    .Label_btn{padding-bottom: 20px;}
    .Label_btnspan,.chose_li{background: #fff;border:1px solid #ccc;padding:5px 15px;margin-right: 20px;display: inline-block;border-radius: 5px;cursor: pointer;}
    .select2-choices{background-color: #fafafa;border: 1px solid #eee;font-size: 17px;border-radius: 5px;border-top-left-radius: 0;border-bottom-left-radius: 0;cursor: pointer;list-style: none;padding-left: 10px;font-size: 13px;}
    .chose_li{padding: 0px 20px;height: 30px;line-height: 30px;font-size: 14px;background: #6e8cd7;border: 1px solid #6e8cd7;color: #fff;padding:0px 10px;}
    .chose_li span{font-size: 12px!important;margin-left: 5px;}

    .search_condbtn  button{margin-top: -4px;}
    .dataTables_length,.dataTables_info{margin-left: 20px;}
    .Label_btnadd{cursor: pointer;}
    .remind_infoup{position: relative;top: 5px;right: 10px;color:#1c84c6}
    .modal-backdrop{z-index: 10;}

    #datatable_wrapper{padding-top: 0px;border: none;}
    table.table-bordered.dataTable{margin-top: 0px!important;border-left:1px solid #ddd;border-right:1px solid #ddd;}
    table.table thead > tr > th{
        border-bottom: 1px solid #DDDDDD!important;
    }
</style>
<div class="page-title q-tit-change" style="margin:10px;">
    <a href="/customer/index">员工等级管理</a> >  员工等级列表
</div>

<div class="row" style="margin:0px;">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="search_input_cont">
                    <div class="search_litile_tit" ><span class="tit_diswidth"></span>搜索条件</div>
                    <div class="search_condition overflow">
                        <div class="input-group col-md-3 m-b-10">
                            <span class="input-group-addon">等级名称</span>
                            <input type="text" id="example-input1-group1" name="example-input1-group1" class="form-control SearchLevelName" placeholder="请输入等级名称">
                        </div>
                        <div class="input-group col-sm-3 m-b-10">
                        </div>
                        <div class="col-sm-3 search_condbtn">
                            <button class="btn btn-primary m-r-10" type="button" id="btnSearch">
                                <i class="fa fa-search"></i> 查  询
                            </button>
                            <button class="btn  btn-primary changebgr" type="reset" id="btnRefresh">
                                <i class="fa fa-refresh"></i> 重  置
                            </button>
                        </div>
                        <!-- </div> -->
                    </div>

                </div>
                <div class="row ">
                    <div class="overflow">
                        <!-- <div class="search_litile_tit fl" style="padding-left: 10px;">客户信息列表</div> -->
                        <div class="search_litile_tit fl" style="margin-left: 10px;"><span class="tit_diswidth"></span>员工等级列表</div>
                        <div class="fr add_client">
                            <div class="btn btn-primary m-t-5 m-r-10 edit-add-btn" data-toggle="modal" data-target="#AddEmployee"> <i class="icon ion-android-add"></i> 添加员工等级</div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table id="datatable" class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>等级名称</th>
                                <th>上级等级</th>
                                <th>销售绩效比例</th>
                                <th>绩效佣金比例</th>
                                <th>创建时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> <!-- End Row -->


<div id="AddEmployee" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;z-index: 22">
    <div class="modal-dialog">
        <div class="modal-content" style="">
            <div class="modal-header" style="border-bottom: 0px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" style="text-align: center;">添加员工等级</h4>
            </div>
            <div class="modal-body" style="padding-top: 0px;">
                <div class="profile-widget text-center curstome_userdetial">
                    <form>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group" style="overflow: hidden;">
                                    <label for="field-3" class="control-label col-sm-3 text-right" style="padding-top: 7px;">等级名称</label>
                                    <div class="col-sm-9"> <input type="text" class="form-control LevelName"  placeholder="请输入等级名称" ></div>
                                </div>
                                <div class="form-group" style="overflow: hidden;">
                                    <label for="field-3" class="control-label col-sm-3 text-right" style="padding-top: 7px;">上级</label>
                                    <div class="col-sm-9">
                                        <select class="form-control" id="ParentLevelId">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group" style="overflow: hidden;">
                                    <label for="field-3" class="col-sm-3 control-label text-right"  style="padding-top: 7px;">销售绩效比例</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control PerformanceRatio" placeholder="请输入销售绩效比例">
                                    </div>
                                </div>
                                <div class="form-group" style="overflow: hidden;">
                                    <label for="field-3" class="col-sm-3 control-label text-right"  style="padding-top: 7px;">绩效佣金比例</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control BrokerageRatio" placeholder="请输入绩效佣金比例">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;margin-right: 20px;">
                        <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-info add">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/modules/assets/modal-effect/js/classie.js"></script>
<script src="/modules/assets/modal-effect/js/modalEffects.js"></script>
<!-- <script src="/modules/js/address/Area.js"></script> -->
<!-- <script src="/modules/js/address/AreaData_min.js"></script> -->


<script type="text/javascript">
    seajs.use('employees/employeelevel');
</script>